// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`generic-component.tsx 1`] = `
const c1 = <MyComponent<number> data={12} />

const c2 = <MyComponent<number> />

const c3 = <MyComponent<number> attr="value" />
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
const c1 = <MyComponent<number> data={12} />;

const c2 = <MyComponent<number> />;

const c3 = <MyComponent<number> attr="value" />;

`;

exports[`keyword.tsx 1`] = `
<try />;
<object />
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<try />;
<object />;

`;

exports[`not-react.ts 1`] = `
/// <reference types="node" />

type ul = any;
const somethingElse = 1;
const thing = <ul>somethingElse;
const div = "<div></div>";
const h1 = \`<h1>Hi</h1>\`;
const footer = '<footer></footer>';
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/// <reference types="node" />

type ul = any;
const somethingElse = 1;
const thing = <ul>somethingElse;
const div = "<div></div>";
const h1 = \`<h1>Hi</h1>\`;
const footer = "<footer></footer>";

`;

exports[`react.tsx 1`] = `
const MyCoolList = ({ things }) =>
    <ul>
        {things.map(MyCoolThing)}
    </ul>;

const MyCoolThing = ({ thingo }) => <li>{thingo}</li>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
const MyCoolList = ({ things }) => <ul>{things.map(MyCoolThing)}</ul>;

const MyCoolThing = ({ thingo }) => <li>{thingo}</li>;

`;

exports[`this.tsx 1`] = `
<this.state.Component />;
<this.Component />;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<this.state.Component />;
<this.Component />;

`;
